<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>bookLib</title>
    <meta name="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="css/common.css" type="text/css" media="screen" />
    <!-- Libs or abstract classes -->
    <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
    <script type="text/javascript" src="js/DOM.js"></script>
    <!-- WebControls  -->
    <script type="text/javascript" src="js/logger.js"></script>
    <script type="text/javascript" src="js/bookManager.js"></script>
    <script type="text/javascript" src="js/userManager.js"></script>
    <script type="text/javascript" src="js/searcher.js"></script>
    <script type="text/javascript" src="js/librarian.js"></script>
    <script type="text/javascript" src="js/defaultPage.js"></script>
    <script type="text/javascript" src="js/searchPage.js"></script>
    <script type="text/javascript" src="js/profilePage.js"></script>
    <script type="text/javascript" src="js/loginBox.js"></script>
    <script type="text/javascript" src="js/signUpBox.js"></script>
    <script type="text/javascript" src="js/bookLib.js"></script>
  </head> 
  <body>
    <div class="header">      
      <div class="layout">
	<div class="logo"> </div>
	<div class="userMenu right">
	  <span class="clickable" id="userName">SignUp</span>
	  <span class="clickable" id="loginAction">Login</span>
	  <span class="clickable" id="setting">Setting</span>
	  <div class="headerSearchBox">
	    <input type="text" name="keyword" value="keyword" class="headerSearchInput" id="headerSearchInput"/>
	    <ul class="dropDownHint" id="headerDropHint"> </ul>
	    <div class="searchIcon" id="headerSearchSummit"> </div> 
	  </div>
	</div>
      </div>
    </div>
    <div class="body">
      <!-- this is #body is for ajaxUse -->
      <div class="layout" id="body">
	<div class="searchBox">
	  <h3>input any information of the books you want</h3>
	  <input type="text" name="keyword" value="search"  id="searchInput" class="searchInput" />
	  <button id="searchSummit" class="searchSummit">Search</button>
	</div>
      </div>
    </div>
    <div class="footer">
      <div class="layout">
	<span>©Copyright UniqueStudio MinghanWu</span>
      </div>
    </div>

  </body>
</html>
